<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>AGREGAR ADMINISTRATIVO</title>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/default.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/themes/#{preferencias.tema}/skin.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css"/>
</h:head>
<f:loadBundle basename="idiomas.mensaje" var="mensaje"/>
<body bgcolor="black">
	<div align="center">
		<h:panelGrid columns="1">
			<h:form id="administrativo" prependId="false">
				<div align="center">
					<br />
					<h1><h:outputText value="AGREGAR ADMINISTRATIVO" style="color: red" /></h1>
					<br />
				</div>	
				<br />	
				<p:growl id="growl" showDetail="true" life="3000" /> 
				<p:panel id="panel" header="Nuevo Administrativo" style="margin-bottom:10px;">
					<p:messages /> 
					<div align = "center">
						<h:outputText value="Ingrese los datos del administrativo " style= "color: black" />
					</div>
					<br />
					<div align = "center">
						<h:panelGrid columns="3">
							<h:outputText value="#{mensaje['label.cedula']}:" style="color: black" partialSubmit="true"/>
							<h:inputText id="cedula" value="#{administrativoBean.administrativo.cedula}" required="true" requiredMessage = "Ingrese la cedula del administrativo" rendered="#{administrativoBean.accion == 'registrar'}"  >
								<f:validateLongRange minimum="1"/> 
							</h:inputText>
							<h:inputText id="cedulaLeer" value="#{administrativoBean.administrativo.cedula}" required="true" readonly="true" rendered="#{administrativoBean.accion != 'registrar'}" >
									<f:validateLongRange minimum="1"/> 
							</h:inputText>
							<p:message for="cedula" />
							
							<h:outputText value="#{mensaje['label.nombre']}:" style="color: black"/> 
							<h:inputText id="nombreyApellido" value="#{administrativoBean.administrativo.nombreyApellido}" required="true" requiredMessage = "Ingrese el nombre completo del administrativo"> 
								<f:validateLength minimum="2" maximum="50" /> 
							</h:inputText>
							<p:message for="nombreyApellido" />
							
							<h:outputText value="#{mensaje['label.contrasena']}:" style="color: black"/>
							<h:inputSecret id="contrasenia" value="#{administrativoBean.administrativo.contrasenia}" required="true" requiredMessage = "Ingrese la contresenia del administrativo" >
							</h:inputSecret>
							<p:message for="contrasenia" />
							
							<h:outputText value="#{mensaje['label.edad']}:" style="color: black"/>
							<h:inputText id="edad" value="#{administrativoBean.administrativo.edad}" required="true"  requiredMessage = "Ingrese la edad del administrativo ( entre 15 y 80 )">
								<f:validateDoubleRange minimum="15" maximum="80" />
							</h:inputText>
							<p:message for="edad" />
							
							<h:outputText value="#{mensaje['label.telefono']}:" style="color: black"/>
							<h:inputText id="telefono" value="#{administrativoBean.administrativo.telefono}" required="true" requiredMessage = "Ingrese el telefono del administrativo" >
							</h:inputText>
							<p:message for="telefono" />
							
							<h:outputText value="#{mensaje['label.email']}:" style="color: black"/>
							<h:inputText id="correo" value="#{administrativoBean.administrativo.correo}" required="true" requiredMessage = "Ingrese el correo del administrativo">
							</h:inputText>
							<p:message for="correo" />
							
							<h:outputText value="#{mensaje['label.tipoAdministrativo']}:" style="color: black"/>
							<h:inputText id="tipo" value="#{administrativoBean.administrativo.tipo}" required="true" requiredMessage = "Ingrese el tipo del administrativo">
							</h:inputText>
							<p:message for="tipo" />
							
							<h:outputText value="#{mensaje['label.sexo']}:" style="color: black"/>
							<h:selectOneMenu value="#{administrativoBean.administrativo.genero}">
								<f:selectItem itemValue="Masculino" />
								<f:selectItem itemValue="Femenino" />
							</h:selectOneMenu>
							<br/>
	
							<h:outputText value="#{mensaje['label.programas']}:" style="color: black" />
							<h:selectOneMenu value="#{administrativoBean.programa}">
								<f:selectItems value="#{programaBean.nombreProgramas}" />
							</h:selectOneMenu>

						</h:panelGrid>
						<br />
						<p:commandButton value="Aceptar" update="administrativo fdatos" 
						actionListener="#{administrativoBean.adicionarAdministrativo}" style="margin-right:20px;" rendered="#{administrativoBean.accion == 'registrar'}"/>
						<p:commandButton value="Actualizar" update="administrativo fdatos" 
						actionListener="#{administrativoBean.actualizarAdministrativoDeBD}" style="margin-right:20px;" rendered="#{administrativoBean.accion != 'registrar'}"/>
						<p:commandButton value="Cancelar" update="administrativo fdatos" 
						actionListener="#{administrativoBean.cancelar}" style="margin-right:20px;" rendered="#{administrativoBean.accion != 'registrar'}"/>
					</div>
				</p:panel>
			</h:form>
		</h:panelGrid>
	</div>
		
	<div align="center">
		<br />
		<h1>
		<h:outputText value="ADMINISTRATIVOS EXISTENTES EN LA BASE DE DATOS" style="color: red" />
		</h1>
		<br />
	</div>
	<div align="center">
		<h:panelGrid columns="1">
			<h:form id="fdatos" prependId="false">
				<p:dataTable id="tabla" value="#{administrativoBean.administrativos}" var="administrativo" paginator="true" rows="5" emptyMessage="No hay administrativo registrados">
					<p:column filterBy="#{administrativo.nombreyApellido}" filterMatchMode="startsWith" footerTex="comienza por">
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{administrativo.nombreyApellido}" />
					</p:column>
					<p:column filterBy="#{administrativo.cedula}" filterMatchMode="startsWith" footerTex="comienza por">
						<f:facet name="header">
							<h:outputText value="Cedula" />
						</f:facet>
						<h:outputText value="#{administrativo.cedula}"/>
					</p:column>
					<p:column filterBy="#{administrativo.edad}" filterMatchMode="startsWith" footerTex="comienza por">
					   <f:facet name="header">
							<h:outputText value="Edad" />
						</f:facet>
						<h:outputText value="#{administrativo.edad}"/>
					</p:column>
					<p:column filterBy="#{administrativo.genero}" filterMatchMode="startsWith" footerTex="comienza por">
					<f:facet name="header">
							<h:outputText value="Genero" />
						</f:facet>
						<h:outputText value="#{administrativo.genero}"/>
					</p:column>
					<p:column filterBy="#{administrativo.correo}" filterMatchMode="startsWith" footerTex="comienza por">
					<f:facet name="header">
							<h:outputText value="Correo" />
						</f:facet>
						<h:outputText value="#{administrativo.correo}"/>
					</p:column>
					<p:column filterBy="#{administrativo.tipo}" filterMatchMode="startsWith" footerTex="comienza por">
					<f:facet name="header">
							<h:outputText value="Tipo" />
						</f:facet>
						<h:outputText value="#{administrativo.tipo}"/>
					</p:column>
					<p:column filterBy="#{administrativo.programa.nombre}" filterMatchMode="startsWith" footerTex="comienza por">
					<f:facet name="header">
							<h:outputText value="Programa" />
						</f:facet>
						<h:outputText value="#{administrativo.programa.nombre}"/>
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Eliminar" />
						</f:facet>
						<p:commandButton update="display"
							oncomplete="dialogoEliminar.show()" image="ui-icon ui-icon-trash">
							<f:setPropertyActionListener value="#{administrativo}"
								target="#{administrativoBean.administrativo}" />
						</p:commandButton>
					</p:column>
					<p:column>
							<f:facet name="header"><h:outputText value="Actualizar" /></f:facet> 
							<p:commandButton update="administrativo" image="ui-icon ui-icon-refresh">
								<f:setPropertyActionListener value="actualizar"	target="#{administrativoBean.accion}" />
								<f:setPropertyActionListener value="#{administrativo}"	target="#{administrativoBean.administrativo}" />
							</p:commandButton>
					</p:column>
				</p:dataTable>
				
				<div align="center">
					<p:panel id="panelExportacion" header="Exportacion" style="margin-bottom:10px;">
						<div align="center">
							<h:panelGrid columns="5">
								<h:outputText value="Exportar datos de la tabla:" style="color: black" />
								<h:commandLink>
									<p:graphicImage value="/images/pdf.png" />
									<p:dataExporter type="pdf" target="tabla" fileName="administrativos" />
								</h:commandLink>
								<h:commandLink>
									<p:graphicImage value="/images/excel.png" />
									<p:dataExporter type="xls" target="tabla" fileName="administrativos" />
								</h:commandLink>
								 <h:commandLink>  
						            <p:graphicImage value="/images/csv.png" />  
						            <p:dataExporter type="csv" target="tabla" fileName="administrativos" />  
						        </h:commandLink>  
						        <h:commandLink>  
						            <p:graphicImage value="/images/xml.png" />  
						            <p:dataExporter type="xml" target="tabla" fileName="administrativos" />  
						        </h:commandLink> 
							</h:panelGrid>
						</div>
					</p:panel>
				</div>
				
			<p:dialog header="Administrativo" widgetVar="dialogoEliminar"
				resizable="false" width="300" showEffect="explode"
				hideEffect="explode" modal="true">

				<h:panelGrid id="display" columns="2" cellpadding="4">
					<h:outputText value="Nombre:" />
					<h:outputText value="#{administrativoBean.administrativo.nombreyApellido}" />
					<h:outputText value="Cedula:" />
					<h:outputText value="#{administrativoBean.administrativo.cedula}" />
					<h:outputText value="Edad:" />
					<h:outputText value="#{administrativoBean.administrativo.edad}" />
					<h:outputText value="Genero:" />
					<h:outputText value="#{administrativoBean.administrativo.genero}" />
					<h:outputText value="Telefono:" />
					<h:outputText value="#{administrativoBean.administrativo.telefono}" />
					<h:outputText value="Correo:" />
					<h:outputText value="#{administrativoBean.administrativo.correo}" />
					<h:outputText value="Tipo de administrativo:" />
					<h:outputText value="#{administrativoBean.administrativo.tipo}" />
					<h:outputText value="Programa al que pertenece:" />
					<h:outputText value="#{administrativoBean.administrativo.programa.nombre}" />
					<p:commandButton update="fdatos administrativo"
						actionListener="#{administrativoBean.eliminarAdministrativoDeBD}"
						oncomplete="dialogoEliminar.hide()" value="Eliminar">
						<f:setPropertyActionListener value="#{administrativo}"
							target="#{administrativoBean.administrativo}" />
					</p:commandButton>
					<p:commandButton oncomplete="dialogoEliminar.hide()"
						value="Cancelar">
					</p:commandButton>

				</h:panelGrid>
			</p:dialog>
			</h:form>
		</h:panelGrid>
	</div>	
	<h:form>
		<br/><br/>
			<div align="center">
				<h:commandButton value="Volver a menu principal" action="/Paginas/paginasIniciales/paginaInicioAdministrativo.xhtml" style="margin-right:40px;" />
			</div>
		<br/><br/>
	</h:form>
</body>
</html>